<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html >
<html>
<head lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>${params.titlename}</title>
<link rel="stylesheet" href="/css/base/${params.prefixs}register.css" />
<script type="text/javascript" src="/js/base/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="/js/base/jquery.md5.js"></script>
<script type="text/javascript">

var key = true;

/**验证码重置 .*/
function resetfun(o) {
    o.src = "/login/getImage?"+Math.random();      
}
function sumfun(){  
    key = true;
    var loginname  = $("#loginname").val(); //注册邮箱 
    var passwd = $("#passwd").val(); //注册密码
    var passwd_in =  $("#passwd_in").val(); //注册密码2
    var name = $("#name").val(); //公司名称
    var mobile = $("#mobile").val(); //联系人手机
    var qq = $("#qq").val();   //联系人qq
    var imageCode = $("#imageCode").val();
    
    if(loginname==''){
        key = false;
        $(".eml").html("请输入您的邮箱!");
        $(".eml").show();       
    }else if(!loginname.match(/^([a-zA-Z0-9_\.\-])+@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/)){
        key = false;
        $(".eml").html("注册用户不符合邮箱格式,请重新输入!");
        $(".eml").show();
    }else{
        $(".eml").hide();
    }
    
    if(passwd==''){
        key = false;
        $(".pa").html("请输入您的密码!");
        $(".pa").show();
    }else if(!passwd.match(/^(?=.*[a-zA-Z])(?=.*\d).{6,12}$/)){
        key = false;
        $(".pa").html("密码必须由字母和数字组成(6-12位)!");
        $(".pa").show();
    }else{
        $(".pa").hide();
    }
    
    if(passwd_in==''){
    	key = false;
    	$(".pasY").html("请输入您的确认密码!");
    	$(".pasY").show();
    }else{
    	$(".pasY").hide();
    }
    if(passwd_in!=passwd){
        key = false;
        $(".pasY").html("两次输入密码不同,请重新输入!");
        $(".pasY").show();
    }else{
        $(".pasY").hide();
    }
    
    if(name==''){
        key = false;
        $(".comN").html("请输入您的公司名称!");
        $(".comN").show();
    }else if(!(name.match(/^(?=.*[\u4e00-\u9fa5]).{1,50}$/))){
        key = false;
        $(".comN").html("请输入真实的公司名称!");
        $(".comN").show();
    }else{
        $(".comN").hide();
    }
    
    if(mobile==''){
        key = false;
        $(".pho").html("请输入您的手机号!");
        $(".pho").show();
    }else if(!mobile.match(/^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/)){
        key = false;
        $(".pho").html("请正确输入您的手机号码!");
        $(".pho").show();
    }else{
        $(".pho").hide();
    }
    //qq
    
    if(qq==''){
        key = false;
        $(".QQ").html("请输入您的QQ!");
        $(".QQ").show();
    }else if(!qq.match(/^(?=.*\d).{6,11}$/)){
        key = false;
        $(".QQ").html("请输入正确的联系人qq号码!");
        $(".QQ").show();
    }else{
        $(".QQ").hide();
    }   

    if(imageCode==''){
        key = false;
    	$(".pat").html("请输入您的验证码!");
        $(".pat").show();
    }else{
        $(".pat").hide();
    }
    
    if(!$(".up").prop("checked")){
    	key = false;
    	$(".agree").show();
    }else{
    	$(".agree").hide();
    }
    
    if(key){
        $.post("/register/check",{"loginname":loginname,"imageCode":imageCode},function(data){
            if(data=='yes'){
                var md5psd = $.md5(passwd);
                $("#passwd").val(md5psd);
                document.getElementById("registerform").submit();
            }else{
                if(data=='imageCodeError'){
                    $(".pat").html("验证码输入错误,请重新输入!");
                    $(".pat").show();
                }else if(data=='userError'){
                    $("#loginname").val();
                    $(".eml").html("注册邮箱已经存在,请更换邮箱!");
                    $(".eml").show();   
                }
            }
        });     
    }
}

function focus1(){
    $(".eml").hide();
}

function focus2(){
    $(".pa").hide();
}

function focus3(){
    $(".pasY").hide();
}

function focus4(){
    $(".comN").hide();
}

function focus5(){
    $(".pho").hide();
}

function focus6(){
    $(".QQ").hide();
}

function focus7(){
    $(".pat").hide();
}
function focus8(){
    $(".agree").hide();
}
//回车事件
document.onkeydown = function(e){
    var ev = document.all ? window.event : e;
    if(ev.keyCode==13) {
    	sumfun();
    }
}
</script>
</head>
<body>
	<div class="bg">
		<img src="/img/login/${params.prefixs}bgr.jpg" alt="" />
	</div>
	<div class="main">
		<div class="wrap">
			<p class="lf">客户注册  rcp
				<%-- <a href="${params.homepageurl}">
					<img src="/img/login/${params.prefixs}relogo.png" alt="" class="logo"/>
				</a> --%>
			</p>
			<p class="rf logoRight">
				<a>已有账户,</a> <a href="/login">马上登陆</a> <a>|</a> <a href="/login">返回首页</a>
			</p>
		</div>
		<div class="cl"></div>
		<div class="register wrap">
			<h1 class="registerWord">注册</h1>
			<div class="registerDetail">
				<form action="/register/saveuser" name="registerform" id="registerform" method="post">
					<p class="center">
						<label><i>*</i>注册邮箱</label> 
						<input type="text" id="loginname" name="loginname" class="email" onfocus="focus1()"/> 
						<b class="eml">请输入您的邮箱</b>
					</p>

					<p class="center">
						<label><i>*</i>注册密码</label> 
						<input type="password" id="passwd" name="passwd" class="pas" onfocus="focus2()"/> 
						<b class="pa">请输入您的密码</b>
					</p>

					<p class="center">
						<label><i>*</i>确认密码</label> 
						<input type="password" id="passwd_in" name="passwd_in" class="pasYes" onfocus="focus3()"/> 
						<b class="pasY">请输入您的确认密码</b>
					</p>

					<p class="center">
						<label><i>*</i>公司名称</label> 
						<input type="text" id="name" name="name" class="companyName" onfocus="focus4()"/> 
						<b class="comN">请输入您的公司名称</b>
					</p>

					<p class="center">
						<label><i>*</i>手机号</label> 
						<input type="text" id="mobile" name="mobile" class="phone" onfocus="focus5()"/> 
						<b class="pho">请输入您的手机号</b>
					</p>

					<p class="center">
						<label><i>*</i>QQ号</label> 
						<input type="text" id="qq" name="qq" class="qq" onfocus="focus6()"/> 
						<b class="QQ">请输入您的QQ</b>
					</p>

					<p class="center">
						<label><i>*</i>验证码</label> 
						<input type="text" placeholder="验证码" id="imageCode" name="imageCode" class="passtest" onfocus="focus7()"/> 
						<b class="pat">请输入您的验证码</b>
						<img id="yzImage" title="点击更换" onclick="javascript:resetfun(this);" src="/login/getImage" />
					</p>

					<p class="center">
						<input class="up lf" type="checkbox" checked="checked" onfocus="focus8()"/> 
						<label class="lf">同意并接受<a href="/register/protocal" target="_blank">《用户协议》</a></label>
						<b class="agree">未接受协议</b>
					</p>
					<div class="cl"></div>
					<p class="center">
						<input type="button" value="注册" class="registerButton" onclick="sumfun()" />
					</p>

					<p class="center">
						<a href="/login" class="lf Wpass">已有账户?</a> 
						<a href="/login" class="fright">立即登录</a>
					</p>
				</form>
			</div>
		</div>
	</div>
	<div class="footer">
	<div class="link">
		<a href="#">关于我们</a>
    	<a href="">|</a>
    	<a href="#">联系我们</a>
    	<a href="">|</a>
    	<a href="#">服务条款</a>
    	<a href="">|</a>
    	<a href="#">隐私政策</a>
    	<a href="">|</a>
    	<a href="#">常见问题</a>
    	<a href="">${params.ispn}</a>
	</div>
	</div>
</body>
</html>